<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="layui/css/layui.css">
    <style>
        .dome{
            padding: 10px;
            line-height: 50px;
            text-align: center;
            background-color: #79C48C;
            color: #fff;
        }
        .mycolor{
            background-color: #0000FF;
        }
    </style>
</head>
<body>
  <div class="layui-container">
      <div class="layui-row">
          <div class="layui-col-md9 dome">左</div>
          <div class="layui-col-md3 dome mycolor">右</div>
      </div>
      <div class="layui-row">
          <div class="layui-col-md2 dome">左</div>
          <div class="layui-col-md2 dome mycolor">左</div>
          <div class="layui-col-md2 dome">左</div>
          <div class="layui-col-md2 dome mycolor">左</div>
          <div class="layui-col-md2 dome">左</div>
          <div class="layui-col-md2 dome mycolor">左</div>
      </div>
  </div>



  <form class="layui-form" action="">
      <div class="layui-row">
      <div class="layui-col-md6">
          <div class="layui-form-item">
              <label class="layui-form-label">班级</label>
              <div class="layui-input-block">
                  <select name="interest" lay-filter="aihao">
                      <option value=""></option>
                      <option value="0">写作</option>
                      <option value="1" selected="">阅读</option>
                      <option value="2">游戏</option>
                      <option value="3">音乐</option>
                      <option value="4">旅行</option>
                  </select>
              </div>
          </div>
      </div>
      <div class="layui-col-md6">
          <div class="layui-form-item">
              <label class="layui-form-label">班级</label>
              <div class="layui-input-block">
                  <select name="interest" lay-filter="aihao">
                      <option value=""></option>
                      <option value="0">写作</option>
                      <option value="1" selected="">阅读</option>
                      <option value="2">游戏</option>
                      <option value="3">音乐</option>
                      <option value="4">旅行</option>
                  </select>
              </div>
          </div>
      </div>
      </div>

      <div class="layui-form-item">
          <div class="layui-form">
              <div class="layui-form-item">
                  <div class="layui-inline">
                      <label class="layui-form-label">请选择日期</label>
                      <div class="layui-input-inline">
                          <input type="text" class="layui-input" id="test11" placeholder="yyyy年MM月dd日">
                      </div>
                  </div>
      </div>
  </form>



</body>
<script src="layui/layui.js">
  layui.use(['layer', 'form'], function(){
    var layer = layui.layer;
    layer.msg('Hello World');
  });
</script>
</html>